@charset "utf-8";
body {
    position: relative
}

.collect, .analy, .remove_error {
    width: 105px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background: #2eccdb;
    border-radius: 3px;
    text-align: center;
    color: #fff
}
.wrong{
    width: 105px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background: orangered;
    border-radius: 3px;
    text-align: center;
    color: #fff!important;
}

.collect .on, .analy .on, .remove_error .on {
    color: #fdf229
}

.collect:hover, .analy:hover, .remove_error:hover {
    color: #fff;
    box-shadow: 1px 1px 15px rgba(46, 204, 219, 0.3)
}

.remove_error {
    background: #a6b0f6
}

.remove_error:hover {
    box-shadow: 1px 1px 15px rgba(166, 176, 246, 0.3)
}

.analy {
    background: #5ab6f0
}

.analy:hover {
    box-shadow: 1px 1px 15px rgba(90, 182, 240, 0.3)
}

.nav {
    display: none
}

.main > .main_left dl.card {
    display: none
}

.card dd {
    overflow: auto
}

.mark a {
    color: #fff !important
}

.pof {
    position: fixed !important;
    top: 20px
}

.main {
    padding-top: 10px;
    width: 1300px;
    position: relative
}

.main > .main_left {
    background: #fff;
    width: 210px;
    float: left;
    position: relative;
    padding-top: 300px;
    padding-bottom: 191px;
    z-index: 1000
}

.main > .main_left dl {
    border: 1px solid #ccc
}

.main > .main_left dl.down_time {
    position: absolute;
    width: 100%;
    top: 0;
    background: #fff
}

.main > .main_left dl.card {
    border: none;
    height: 100%;
    position: relative;
    padding-top: 37px
}

.main > .main_left dl.card > dt {
    position: absolute;
    width: 100%;
    top: 0
}

.main > .main_left dl.card dd {
    height: 100%
}

.main > .main_left dl.card dd ul {
    max-height: 100%
}

.main > .main_left dl dt {
    background: #363636;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding: 8px 0
}

.main > .main_left dl dt.text-16 {
    cursor: pointer;
    font-size: 16px
}

.main > .main_left dl dd {
    color: #999;
    font-size: 16px;
    line-height: 40px;
    text-align: center
}

.main > .main_left dl dd a {
    color: #999;
    display: block;
    height: 100%;
    width: 100%
}

.main > .main_left dl dd a:hover {
    color: #00b8c7
}

.main > .main_left dl dd ul {
    border-left: 1px solid #dbdbdb
}

.main > .main_left dl dd li {
    float: left;
    width: 52px;
    line-height: 40px;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
    cursor: pointer;
    background: #fff
}

.main > .main_left dl dd li.current {
    color: #333;
    font-weight: bold
}

.main > .main_left dl.card_info {
    background: #f6f7f8;
    padding: 7px 17px;
    font-size: 14px;
    border: none;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: none
}

.main > .main_left dl.card_info dt {
    background: none;
    color: #000;
    font-size: 16px;
    text-align: left
}

.main > .main_left dl.card_info dd {
    color: #8d8c8c;
    width: 50%;
    line-height: 34px;
    float: left;
    text-align: left
}

.main > .main_left dl.card_info dd.current i {
    background: #333
}

.main > .main_left dl.card_info dd.finish i {
    background: #6cbaff
}

.main > .main_left dl.card_info dd.success i {
    background: #55cf6a
}

.main > .main_left dl.card_info dd.error i {
    background: #f45858
}

.main > .main_left dl.card_info dd.mark i {
    background: #ffb667
}

.main > .main_left dl.card_info i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px
}

.main > .main_right {
    float: right;
    width: 1090px;
    padding-left: 50px
}

.main > .main_right > h2 {
    font-weight: normal;
    font-size: 20px;
    color: #00b8c7;
    font-family: "微软雅黑";
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb
}

.main > .main_right .subject {
    color: #333;
    font-weight: bold;
    position: relative;
    line-height: 24px
}

.main > .main_right .subject .index {
    display: inline-block;
    background: #2487de;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    min-width: 24px;
    padding: 0 2px;
    text-align: center
}

.main > .main_right .subject .title_bg {
    color: #fe9a0d
}

.main > .main_right .subject .index, .main > .main_right .subject .title_bg {
    float: left
}

.main > .main_right .options {
    padding: 10px 20px
}

.main > .main_right .options .text_info {
    position: absolute;
    left: -20px;
    top: 0
}

.main > .main_right .options textarea {
    outline: none;
    padding: 5px;
    font-size: 16px;
    width: 99%;
    margin-left: 1%;
    height: 66px
}

.main > .main_right .options > div {
    position: relative;
    color: #666;
    margin: 10px 0;
    line-height: 24px
}

.main > .main_right .options > div .option, .main > .main_right .options > div .show_img {
    padding-left: 30px
}

.main > .main_right .options > div .option {
    position: relative;
    cursor: pointer;
    line-height: 24px
}

.main > .main_right .options > div .option.unclick {
    color: #999;
    cursor: default
}

.main > .main_right .options > div .option > span {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 6px;
    background: url(../images/question_selector.png) no-repeat left top
}

.main > .main_right .options > div .option.checkbox > span {
    background-position: 0 -12px
}

.main > .main_right .options > div .option.on {
    color: #00b8c7
}

.main > .main_right .options > div .option.on > span {
    background-position: -18px 0
}

.main > .main_right .options > div .option.on.checkbox span {
    background-position: -18px -12px
}

.main > .main_right .options > div .option > div > span {
    float: left
}

.main > .main_right .options > div > img {
    display: block;
    width: 100px
}

.main > .main_right .option_select {
    padding: 10px 20px 15px
}

.main > .main_right .option_select label {
    margin-right: 30px;
    cursor: pointer;
    line-height: 22px;
    font-size: 16px
}

.main > .main_right .option_select .pull-right {
    text-align: right;
    width: 400px
}

.main > .main_right .subject_foot {
    border-top: 1px dashed #aaa;
    padding: 10px;
    display: none
}

.main > .main_right .subject_foot div {
    line-height: 30px
}

.main > .main_right .subject_foot div span.label {
    float: left;
    width: 120px;
    text-align: right;
    padding-right: 20px
}

.main > .main_right .subject_foot div .analysis {
    width: 900px
}

.main > .main_right .subject_foot i {
    font-style: normal;
    color: #62b133;
    font-size: 16px;
    font-family: '微软雅黑', '黑体'
}

.main > .main_right > div {
    font-size: 16px;
    font-family: '微软雅黑';
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #dbdbdb
}

.show_img img {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 10px 0 0
}

.subject img {
    margin-top: 5px
}

.pic {
    position: absolute
}

.no-content {
    background: #fff url("../images/no_content.png") no-repeat left center;
    height: 400px
}

.btn {
    height: 29px;
    width: 83px;
    border-radius: 3px;
    line-height: 24px
}

.btn.btn-info {
    background: #2487de;
    border-color: #2487de
}

.btn.btn-mark {
    background: #ffb667;
    border-color: #ffb667;
    color: #fff
}

.btn:hover, .btn:active, .btn:focus {
    opacity: .9;
    filter: alpha(opacity=90)
}

.main > .main_right > h2 {
    color: #2487de
}

.card .finish {
    background: #6cbaff !important;
    border-color: #eee !important;
    color: #fff
}

.card .success {
    background: #7ee29e !important;
    border-color: #eee !important
}

.card .error {
    color: #fff;
    background: #f05353 !important;
    border-color: #eee !important
}

.card .mark {
    background: #ffb667 !important;
    border-color: #eee !important;
    color: #fff;
    height: 10px
}

#footer {
    display: none
}

.warn_info {
    font-size: 16px;
    font-family: '微软雅黑';
    color: #f00 !important;
    font-weight: bold
}












